<script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue';

const props = withDefaults(defineProps<{
  msg: string
}>(),{ msg: '菜虚坤' })

</script>

<template>
    <button class="kun">{{ msg }}</button>
</template>

<style scoped>
  .kun {
    width: 80px;
    height: 40px;
    background-color: #7ba9ee;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #3f85ed;
  }
</style>